<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>家居</title>
    <link rel="stylesheet" href="css/basic.css">
    <link rel="stylesheet" href="css/style2.css">
</head>
<body>
<header>
    <div class="tel">
        <div class="container" style="position: relative;">
            <div class="logo">
                <img src="images/logo1.png">
            </div>
            <p><strong>联系我们:</strong> <span>(800)</span> 1444 000 4040</p>
            <div class="clearfix"></div>
        </div>
    </div>
    <nav class="nav">
        <div class="container">
            <div class="link">
                <ul>
                    <li><a href="index.html">主页</a></li>
                    <li><a href="about.html">关于</a></li>
                    <!--<li><a href="###">技术服务</a></li>-->
                    <li class="active"><a href="blog.html">博客</a></li>
                    <li><a href="gallery.html">展示</a></li>
                    <li><a href="contant.html">联系我们</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <div class="clearfix"></div>
    <div class="red" >
        <div class="button">
        </div>
        <div class="sub">
        </div>
        <!--<div class="clearfix"></div>-->
    </div>
</header>
<section class="bl_section">
    <div class="container">
        <h2>博客</h2>
        <div class="blog_section">
            <aside class="list_left">
                <div class="blog_text">
                    <h3>有了这些创意和灵感，就可以打造出一方你喜欢称其为家的空间</h3>
                    <p>由管理员发布于 2016/3/02</p>
                    <div>
                        <div class="blog_img">
                            <img src="images/b1.png">
                        </div>
                        <div class="blog_read">
                            <p>我们都有自己钟爱的东西。那些我们看上一眼就离不开的东西。把窗帘杆挂在高一点的地方（如果天花板很高，就把窗帘杆适当挂低点）。如果你想装饰几面墙，甚至整个房间，可以在拐角处使用连接器把几根窗帘杆连接起来。然后开始往上挂东西……装</p>
                            <button class="more"><a href="###">阅读更多</a></button>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                    <div class="blog_admin">
                        <ul>
                            <li><a href="###"><img src="images/h1.png">未分类</a></li>
                            <li><img src="images/h2.png">2016/03/04</li>
                            <li><a href="###"><img src="images/h3.png">管理员</a></li>
                        </ul>
                    </div>
                </div>
                <div class="blog_text">
                    <h3>有了这些创意和灵感，就可以打造出一方你喜欢称其为家的空间</h3>
                    <p>由管理员发布于 2016/3/02</p>
                    <div>
                        <div class="blog_img">
                            <img src="images/b1.png">
                        </div>
                        <div class="blog_read">
                            <p>我们都有自己钟爱的东西。那些我们看上一眼就离不开的东西。把窗帘杆挂在高一点的地方（如果天花板很高，就把窗帘杆适当挂低点）。如果你想装饰几面墙，甚至整个房间，可以在拐角处使用连接器把几根窗帘杆连接起来。然后开始往上挂东西……装</p>
                            <button class="more"><a href="###">阅读更多</a></button>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                    <div class="blog_admin">
                        <ul>
                            <li><a href="###"><img src="images/h1.png">未分类</a></li>
                            <li><img src="images/h2.png">2016/03/04</li>
                            <li><a href="###"><img src="images/h3.png">管理员</a></li>
                        </ul>
                    </div>
                </div>
                <div class="blog_text">
                    <h3>有了这些创意和灵感，就可以打造出一方你喜欢称其为家的空间</h3>
                    <p>由管理员发布于 2016/3/02</p>
                    <div>
                        <div class="blog_img">
                            <img src="images/b1.png">
                        </div>
                        <div class="blog_read">
                            <p>我们都有自己钟爱的东西。那些我们看上一眼就离不开的东西。把窗帘杆挂在高一点的地方（如果天花板很高，就把窗帘杆适当挂低点）。如果你想装饰几面墙，甚至整个房间，可以在拐角处使用连接器把几根窗帘杆连接起来。然后开始往上挂东西……装</p>
                            <button class="more"><a href="###">阅读更多</a></button>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                    <div class="blog_admin">
                        <ul>
                            <li><a href="###"><img src="images/h1.png">未分类</a></li>
                            <li><img src="images/h2.png">2016/03/04</li>
                            <li><a href="###"><img src="images/h3.png">管理员</a></li>
                        </ul>
                    </div>
                </div>
            </aside>
            <div class=" list_right">
                <div>
                    <h3>类别</h3>
                    <ul>
                        <li><a href="###">休闲</a></li>
                        <li><a href="###">娱乐</a></li>
                        <li><a href="###">办公</a></li>
                        <li><a href="###">儿童</a></li>
                        <li><a href="###">聚会</a></li>
                    </ul>
                </div>
                <div>
                    <h3>最新的案例</h3>
                    <ul>
                        <li><a href="###">休闲</a></li>
                        <li><a href="###">娱乐</a></li>
                        <li><a href="###">办公</a></li>
                        <li><a href="###">儿童</a></li>
                        <li><a href="###">聚会</a></li>
                    </ul>
                </div>
                <div>
                    <h3>档案</h3>
                    <ul>
                        <li><a href="###"><time>2016/1</time></a></li>
                        <li><a href="###"><time>2016/2</time></a></li>
                        <li><a href="###"><time>2016/3</time></a></li>
                        <li><a href="###"><time>2016/4</time></a></li>
                        <li><a href="###"><time>2016/5</time></a></li>
                    </ul>
                </div>
            </div>
            <div class="clearfix"></div>
            <div class="blog_bt">
                <div class="container">
                    <input class="blog_a" type="button" value="前一页">
                    <input class="blog_a" type="button" value="下一页">
                </div>
            </div>

        </div>
    </div>
</section>

<footer class="footer">
    <div class="container">
        <div class="top">
            <figure>
                <h4>信息</h4>
                <ul>
                    <li><a href="###">主页</a></li>
                    <li><a href="###">博客</a></li>
                    <li><a href="###">关于</a></li>
                    <li><a href="###">我们</a></li>
                    <li><a href="###">联系</a></li>
                </ul>
            </figure>
            <figure>
                <h4>类别</h4>
                <ul>
                    <li><a href="###">普通住宅</a></li>
                    <li><a href="###">商务办公</a></li>
                    <li><a href="###">正常家居</a></li>
                    <li><a href="###">豪华装修</a></li>
                    <li><a href="###">个性化设计</a></li>
                </ul>
            </figure>
            <figure>
                <h4>我的账号</h4>
                <ul>
                    <li><a href="###">博客</a></li>
                    <li><a href="###">关于</a></li>
                </ul>
            </figure>
            <figure>
                <h4> 快讯</h4>
                <form  method="" action="###" name="email">
                    <div>
                        <input  id="input" type="email" placeholder="请输入你的邮箱">
                        <button type="submit" id="inputbtn"></button>
                    </div>
                </form>
            </figure>
            <div class="clearfix"></div>
        </div>
    </div>

    <div class="container">
        <div class="bottom">
            <p>Copyright © 2016.公司所有的注册名称和服务</p>
        </div>
    </div>
</footer>
</body>
</html>